
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<link rel="stylesheet" href="layui/css/layui.css"  media="all"/>
		
	</head>
	<body>
		
		<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">手机号框</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">邮箱</label>
    <div class="layui-input-inline">
      <input type="text" name="text" required lay-verify="required|email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-word-aux">辅助文字</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">选择框</label>
    <div class="layui-input-block">
      <select name="city" lay-verify="required" lay-search>
        <option value=""></option>
        <option value="0">北京</option>
        <option value="1">上海</option>
        <option value="2">广州</option>
        <option value="3">深圳</option>
        <option value="4">杭州</option>
      </select>
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">复选框</label>
    <div class="layui-input-block">
      <input type="checkbox" name="like[write]" title="写作">
      <input type="checkbox" name="like[read]" title="阅读" checked>
      <input type="checkbox" name="like[dai]" title="发呆">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">开关</label>
    <div class="layui-input-block">
      <input type="checkbox" name="switch" lay-skin="switch">
    </div>
  </div>
  
  
  <div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
      <input type="radio" name="sex" value="男" title="男">
      <input type="radio" name="sex" value="女" title="女" checked>
    </div>
  </div>
  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">文本域</label>
    <div class="layui-input-block">
      <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
      <button class="layui-btn layui-btn-primary">原始</button>
      <button class="layui-btn">默认</button>
      <button 	class="layui-btn layui-btn-normal">百搭</button>
      <button class="layui-btn layui-btn-warm">暖色</button>
      <button class="layui-btn layui-btn-danger">警告</button>
      
      <div>
      <!--	<button class="layui-anim layui-anim-up">从最底部往上滑入</button>
 	 	<button class="layui-anim layui-anim-upbit">微微往上滑入</button>
  		<button class="layui-anim layui-anim-scale">平滑放大</button>
  		<button class="layui-anim layui-anim-scaleSpring">弹簧式放大</button>
  		<button class="layui-anim layui-anim-fadein">渐现</button>
  		<button class="layui-anim layui-anim-fadeout">渐隐</button>
  		<button class="layui-anim layui-anim-rotate">360度旋转</button>
  		<button class="layui-anim layui-anim-loop">循环动画</button>

	-->
	<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>  
	<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;"></i>  
      </div>
      

  <div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">网站设置</li>
    <li>用户管理</li>
    <li>权限分配</li>
    <li>商品管理</li>
    <li>订单管理</li>
  </ul>

    <div class="layui-tab-item"> 
    	请选择性别：<input type="radio" name="sex" value="男" title="男">
        <input type="radio" name="sex" value="女" title="女" checked></div>
    <div class="layui-tab-item">  
    	<input type="text" name="title" required  lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
</div>
    <div class="layui-tab-item">
    	请选择爱好：<input type="radio" name="sex" value="游泳" >游泳
        <input type="radio" name="sex" value="女" checked>打球
  </div>
    <div class="layui-tab-item">内容5</div>
  </div>
</div>

<div class="layui-collapse">
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">杜甫</h2>
    <div class="layui-colla-content layui-show">内容区域</div>
  </div>
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">李清照</h2>
    <div class="layui-colla-content layui-show">内容区域</div>
  </div>
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">鲁迅</h2>
    <div class="layui-colla-content layui-show">内容区域</div>
  </div>
</div>

<table class="layui-table" lay-size="lg" lay-skin="line" lay-even>
  <colgroup>
    <col width="550">

    <col>
  </colgroup>
  <thead>
    <tr>
      <th>昵称</th>
      <th>加入时间</th>
      <th>签名</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
  </tbody>
</table>

<div class="layui-carousel" id="test1">
  <div carousel-item>
    <div><img src="img/20e32614c3b861438e7c0be7c1ffca84.jpg" width="100%"/></div>
    <div><img src="img/34edbff329be2ca581b685b73db956e6.jpeg" width="100%"></div>
    <div><img src="img/72dac1dd64200e3e9db7b31630c6891c.jpg" width="100%"></div>
    <div><img src="img/32989174037a966d9f83cd638144a8e1.jpg" width="100%"></div>
    <div><img src="img/b5d9894db0c70d9996b86046ee8dc597.jpg" width="100%"></div>
    
    <ul class="layui-nav" lay-filter="">
  <li class="layui-nav-item"><a href="">最新活动</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child"> <!-- 二级菜单 -->
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>
  </div>
</div>

		</form>
	
		<script src="work/js/jquery-1.11.3.min.js"></script>
		<script src="layui/layui.js"></script>
	<script type="text/javascript">
		layui.use(['form','element','carousel'],function(){
		var form=layui.form;
		var element=layui.element;
		var carousel=layui.carousel;
		 form.render();
		 carousel.render({
  	 	 elem: '#test1',
  	 	 height:'1007px',
    	 width: '100%',//设置容器宽度
    	 arrow: 'always', //始终显示箭头
    	 //anim: 'updown' //切换动画方式
    	 autoplay:'true',
    	 interval:2000
  });
		});	
	</script>
	</body>
</html>
